﻿@model IList<CategoryModel>
@inject DisplayOrderHomePage order
<div class="categoryGrid  order-@order.HomePageCategories">
    <div cols="12" class="col-12 px-0">
        <div class="form-row">
            @foreach (var item in Model)
            {
                <div class="col-xl-@order.Pc_Xl col-lg-@order.Pc_Lg col-md-@order.Pc_Md col-sm-@order.Pc_Sm col-@order.Pc_Col">
                    <div class="card picture-card mb-2">
                        <a href="@Url.RouteUrl("Category", new { item.SeName })" title="@item.PictureModel.Title">
                            <img src="@item.PictureModel.ImageUrl" alt="@item.PictureModel.AlternateText"/>
                        </a>
                        <h4 class="title">
                            <a href="@Url.RouteUrl("Category", new { item.SeName })" title="@item.PictureModel.Title">
                                @item.Name
                            </a>
                        </h4>
                    </div>
                </div>
            }
        </div>
    </div>
</div>